<div class="field-wrapper">
    <label class="label">{{componentData.labelText}}</label>
    <ng-container *ngIf="!componentData.disabled;else disabledTpl">
        <div style="display:flex; width: 100%;">
            <textarea [rows]="rowCount" nz-input style="margin-right: 10px;" [(ngModel)]="inputValue"
                disabled></textarea>
            <button nz-button nzType="primary" (click)="selectPlace()">
                选择
            </button>
        </div>
    </ng-container>
</div>


<ng-template #disabledTpl>
    <div class="field-control">
        {{inputValue}}
        <i *ngIf="dataChangeLog" class="iconfont icon-file-list-2-line icon-data-change" nz-popover
            [nzPopoverContent]="contentTemplate"></i>
    </div>

</ng-template>

<ng-template #contentTemplate>
    <div class="popover-content">
        <div>近期更正</div>
        <div>更正时间：{{dataChangeLog.time | date: 'yyyy年MM月dd日 HH:mm'}}</div>
        <div>更正内容：由“<span class="font-red">{{dataChangeLog.sourceValue}}</span>”更正为“<span
                class="font-bule">{{dataChangeLog.targetValue}}</span>”
        </div>
    </div>
</ng-template>